<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>理财产品-${_front_title}</title>
<meta name="keywords" content="${_front_keywords}" />
<meta name="description" content="${_front_description}" />
<link rel="shortcut icon" href="/static/favicon.ico"/>
<link rel="stylesheet" href="${_front_font}/iconfont.css">
<link rel="stylesheet" href="${_front_css}/base_new.css">
<link rel="stylesheet" href="${_front_css}/style.css">
<link rel="stylesheet" href="${_front_css}/investment_list.css">
<script src="${_front_js}/jquery-1.11.1.min.js"></script>
<script src="${_front_js}/jquery.countdown.js"></script>
<script src="${_front_js}/js.js"></script>
	<style>
		.gray{
			background-color: #989393;
		}
		
		.gray:hover{
			background-color: #989393;
		}
		
		.waiting{
			background-color: #f48445;
		}
		
		.waiting:hover{
			background-color: #f48445;
		}
	</style>
</head>
<body>
<div class="content">
  	<#include "../base/top.ftl" />
    <div id="financeMain">
        <div class="financeBan">
            <ul class="cnt clearfix">
                <li class="fl"><p><#if count?exists>${count?string(",##0")!}</#if>人</p><span>累计投资人</span></li>
                <!--<li class="fl"><p>8<i>亿</i>1230<i>万</i>4010.88<i>元</i></p><span>累计投资额</span></li>
                <li class="fl last"><p>1<i>亿</i>1192<i>万</i>3310.22<i>元</i></p><span>累计收益</span></li>-->
                <li class="fl"><p><#if amount?exists>${amount?string(",##0.00")!}</#if>元</i></p><span>累计投资额</span></li>
                <li class="fl last"><p><#if income?exists>${income?string(",##0.00")!}</#if>元</i></p><span>累计收益</span></li>
            </ul>
        </div>
        <div class="financeTab">
            <div class="screenItem">
                <ul class="cnt clearfix" id="productList">
                    <li p="-1" <#if productId?exists && productId = -1>class="hover"</#if>>全部项目<#if productId?exists && productId = -1><span class="arrow"></span></#if></li>
                    <li p="3" <#if productId?exists && productId = 3>class="hover"</#if>>车贷E通<#if productId?exists && productId = 3><span class="arrow"></span></#if></li>
                    <li p="4" <#if productId?exists && productId = 4>class="hover"</#if>>车商贷<#if productId?exists && productId = 4><span class="arrow"></span></#if></li>
                    <li p="5" <#if productId?exists && productId = 5>class="hover"</#if>>房E贷<#if productId?exists && productId = 5><span class="arrow"></span></#if></li>
                    <li p="6" <#if productId?exists && productId = 6>class="hover"</#if>>商易贷<#if productId?exists && productId = 6><span class="arrow"></span></#if></li>
                    <!--<li>承兑通</li>-->
                    <li p="7" <#if productId?exists && productId = 7>class="hover"</#if>>抵押贷<#if productId?exists && productId = 7><span class="arrow"></span></#if></li>
                    <!--<li p="8" <#if productId?exists && productId = 8>class="hover"</#if>>担保标<#if productId?exists && productId = 8><span class="arrow"></span></#if></li>-->
                    <li>债权转让</li>
                </ul>
            </div>
           
        </div>
	</div>
<div class="invest_cont">
	<div class="grid_1180 clearfix" style="margin-left:350px;">
    	<div class="invest_cont_left">
        	<div class="invest_search">
            	<h3>筛选投资项目</h3>
                <div class="invest_search_cont">
                    <span><strong>标的状态：</strong>
                    	<a href="/change/list" class="all-anit <#if (status?exists) && (status=='all')>on</#if>">全部</a>
                    	<a href="/change/list?status=T" class="all-anit <#if (status?exists) && (status=='T')>on</#if>">未完成</a>
                    	<a href="/change/list?status=C" class="all-anit <#if (status?exists) && (status=='C')>on</#if>">审核中</a>
                    	<a href="/change/list?status=Y" class="all-anit <#if (status?exists) && (status=='Y')>on</#if>">已完成</a>
                    </span>
                </div>
            </div>
            <div class="invest_list">
            	<ul>
		        <#if (pageInfo.pageList?size > 0)>
					<#list pageInfo.pageList as item>
	                  <li>
	                    	<h2><#if item.id?exists><a href="/change/detail?id=${item.id}" ><#if item.title?exists>${item.title}</#if></a></#if></h2>
	                    	<span style="width:50px">
	                        	<p class="p1"><font style="font-size: 20px;"><#if item.username?exists>${item.username[0]}**</#if></font></p>
	                            <p>出让人</p>
	                        </span>
	                        <span style="width:70px">
	                        	<p class="p1"><font class="f32">
	                        		<#if item.percent?exists>${item.percent}<em>%</em></#if></font>
	                        	</p>
	                            <p>年化收益率</p>
	                        </span>
	                        <span style="width:115px">
	                        	<p class="p1"><#if item.amount?exists><i style="font-size: 20px;">${item.amount}</#if></i>元</p>
	                            <p>债权总额</p>
	                        </span>
	                        <span style="width:115px">
	                        	<p class="p1"><#if item.min?exists><i style="font-size: 20px;">${item.min}</i>元</#if></p>
	                            <p>转让金额</p>
	                        </span>
	                        <span style="width:60px;margin-top:-51px;">
	                        	<p class="p1"><i></i>
                        			<p class="p1"><#if item.period?exists><i style="font-size: 20px;">${item.period}</i>期</#if></p>
	                        	</p>
	                            <p>转让期数</p>
	                        </span>
	                        <span  style="width:10px;margin-top:15px; margin-right:0;">
	                        	<#if item.id?exists>
	                        		<#if (item.status?exists) & (item.status=='Y')>
                    					<a href="/change/detail?id=${item.id}" class="ui-btn ui-btn-120 ui-btn-red all-anit" style="width:70px;background-color: #989393;">已完成</a>
                    				<#elseif (item.status?exists) & (item.status=='C')>	
                    					<a href="/change/detail?id=${item.id}" class="ui-btn ui-btn-120 ui-btn-red all-anit gray" style="width:70px;">审核中</a>
                    				<#elseif (item.status?exists) & (item.status=='T')>
                    					<a href="/change/detail?id=${item.id}" class="ui-btn ui-btn-120 ui-btn-red all-anit" style="width:70px;">购买</a>
                    				</#if>	
	                        	</#if>
	                        </span>
	                  </li>					
					</#list>
				</#if>	                  
                </ul>
            </div>
            <div class="tcdPageCode">
  			</div>
        </div>
    	<div class="invest_cont_right">
       	  <div class="invest_box invest_data">
           	<h2>理财数据</h2>
              <div class="invest_data_row">
               	  <span><img src="${_front_images}/icon9.jpg" width="46" height="46" /></span>
                  <span>已完成借款项目<br /><em>${count}<font>个</font></em></span>
              </div>
              <div class="invest_data_row">
               	  <span><img src="${_front_images}/icon10.jpg" width="46" height="46" /></span>
                  <span>已为客户赚取收益<br /><em>${income?string(0.00)}<font>元</font></em></span>
              </div>
        	  <div class="invest_data_row" style="border-bottom:none;">
               	  <span><img src="${_front_images}/icon11.jpg" width="46" height="46" /></span>
                  <span>累计融资金额<br /><em>${totalTenderAmount?string(0.00)}<font>元</font></em></span>
              </div>
            </div>
            <div class="invest_ggw">
              <a href="/guide"><img src="${_front_images}/invest_img03.jpg" width="290" height="165" /></a>
            </div>
                <div class="invest_news clearfix">
                	<div class="invest_news_title">
                        <h2>常见问题</h2>
                        <span><a href="/help">更多&gt;&gt;</a></span>
                    </div>
                    <div class="invest_news_cont">
                    	<ul>
                        	<li><a href="/help">投标后是否可以取消？</a></li>
                            <li><a href="/help">银行支付限额</a></li>
                            <li><a href="/help">电子协议</a></li>
                            <li><a href="/help">投资去向</a></li>
                            <li><a href="/help">实名认证</a></li>
                        </ul>
                    </div>
                </div>
              <div class="invest_ggw3 invest_box">
                	<h2>迅泊达APP</h2>
          <span><img src="${_front_images}/invest_img05.jpg" width="290" height="145" /></span>
        </div>
        </div>
    </div>
    <div id="footer">
        <div class="content">
            <#include "../base/foot.ftl" />        
        </div>
    </div>
</div>
<script type="text/javascript" src="${_front_js}/jquery.page.js"></script>
<script type="text/javascript" src="${_front_js}/jquery.SuperSlide.2.1.1.js" ></script>
<script>
jQuery(".qualificationCheck").slide({mainCell:".pictureList",effect:"leftLoop",trigger:"click",vis:4,autoPlay:true,delayTime:700,interTime:4500});
</script>
<script>
    $(".tcdPageCode").createPage({
        pageCount:${pageInfo.pages},
        current:${pageInfo.index},
        backFn:function(index){
           window.location.href="/change/list?status=${status}&index="+index;
        }
    });
</script>  
<!--底部开始-->
 
</body>
</html>